﻿<!DOCTYPE HTML>
<html lang="en">
	<head>
		<title>Trang Liên hệ - Văn hoá Hà Nội</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="robots" content="index, follow" />
  		<meta name="keywords" content="vanhoahanoi, văn hóa hà nội, thăng long hà nội" />
  		<meta name="description" content="Trang web văn hóa hà nội cung cấp thông tin và nguồn tư liệu hữu ích về nét văn hóa đặc trưng của hà nội cũng như các tin tức - sự kiện của thủ đô" />

		<link rel="shortcut icon" href="images/icon.png">  
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
		<link rel="stylesheet" href="style/nivo-slider.css" type="text/css" media="screen" />
		<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
		
		<!-- QA - theme -->
		<link rel="stylesheet" href="style/style.css" type="text/css" media="screen"/>
		<script type="text/javascript">
		    $(function(){
		        $('body').append('<div id="top"></div>');
		        $(window).scroll(function(){
		            var $toa_do=$(window).scrollTop();
		            //alert($toa_do);
		            if($toa_do==0){
		                $('#top').fadeOut();
		            }else {$('#top').fadeIn()} ;
		        });
		        $('#top').click(function(){
		            $('html,body').animate({scrollTop:0},500);
		        });
		    });
		</script>
	</head>
	<body>
		<!-- PHAN HEADER -->
		<div id="qa-header">
			<div class="main">
					<div id="qa-top-panel">
						<ul>
							<li><a href="index.html">Trang chủ</a></li>
							<li><a target="_bank" href="http://maps.google.com/maps?hl=vi&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;bvm=bv.1354675689,d.aGc&amp;bpcl=39650382&amp;biw=1366&amp;bih=643&amp;q=ha%CC%80+n%C3%B4%CC%A3i&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=0x3135ab9bd9861ca1:0xe7887f7b72ca17a9,H%C3%A0+N%E1%BB%99i,+Ho%C3%A0n+Ki%E1%BA%BFm,+H%C3%A0+N%E1%BB%99i&amp;gl=vn&amp;sa=X&amp;ei=QKHGUJuyEo-UiAfup4GQCg&amp;ved=0CDYQ8gEwAQ">Bản đồ Hà Nội</a></li>
							<li><a href="tm-LienHe.html">Liên hệ</a></li>
							<li><a href="mailto:laithanha3@zing.vn">Hỗ trợ</a></li>
							<li><a href="tm-sitemap.html">Sơ đồ web</a></li>
							<li class="clear"></li>
						</ul>
					</div>
					<a href="index.html"><img src="images/logo.png" alt="Văn hoá Hà Nội" height="90px"/></a>
					<g:plusone></g:plusone>
			</div>
		</div>
		<!-- PHAN MENU -->
		<div id="qa-menu">
			<div class="main clear">
			 	<ul class="qa-MainMenu clear">
							<li><a class="liaItem" href="index.html"><img src="images/icon/home.png" alt="Trang chủ"></a></li>
							<li class="selected"><a class="liaItem" href="tm_gioi_thieu.html">Giới thiệu</a></li>
							<li><a class="liaItem" href="mn-tin-tuc.html">Tin tức - Sự kiện</a></li>
							<li><a class="liaItem" href="mn-diem-den.html">Điểm đến</a></li>
							<li><a class="liaItem" href="mn-am-thuc.html">Ẩm thực</a></li>
							<li><a class="liaItem" href="mn-phonghe-langnghe.html">Phố nghề - Làng nghề</a></li>
							<li><a class="liaItem" href="mn-vanhoa-nghethuat.html">Văn hóa - Nghệ thuật</a></li>
							<li><a class="liaItem" href="mn-nguoi-ha-thanh.html">Người Hà Thành</a></li>
							<li><a class="liaItem" href="tm_thu_vien_anh.html">Thư viện ảnh</a>
								<ul class="qa_submenu">
									<li><a href="#">Chân dung người Hà Nội</a></li>
									<li><a href="#">Địa danh Hà Nội</a></li>
									<li><a href="#">Hà Nội về đêm</a></li>
								</ul>
							</li>
							<li class="clear"></li>
				</ul>

			</div>
		</div>
	    <!-- PHAN FRONT PAGE -->		
	    <div id="qa-frontpage">
	    	<div class="main">
	    		<!-- BODY ROW 1 -->
			    <div id="row1">
			      		<div id="pos1" class="qa-colLeft fleft">

			      			<div id="qa-listnews">
			      				<div id="qa-SlideShow">
									<div class="qa-main-slideshow qa-SlideNews">
										<img src="images/gioithieu/chuamotcot.jpg" />
				                        <div class="contain">
				                        	<h1>Giới thiệu về Hà Nội</h1>
				                        	<p style="text-align:left;text-indent: 0px;">30/11/2012</p>
				                        	<p>Thăng Long-Hà Nội, có một bề dày lịch sử nghìn năm, là nơi hội tụ văn hóa, kết tinh văn minh Việt Nam.</p>
				                        	<p>Nằm trong vùng tam giác châu thổ sông Hồng có đất đai mầu mỡ, trù phú, nơi đây đã sớm là một trung tâm chính trị và tôn giáo ngay từ những buổi đầu của lịch sử Việt Nam.</p>
				                            <div class="clear"></div>
				                        </div>
				                        <div class="clear"></div>
			                   		</div>
								</div>
								<!-- Ẩm thực-->
								<div class="fwidth">
									<div class="qa-newsbox">
					                        <h3><a href="mn-am-thuc.html">Ẩm thực</a></h3>
					                        <img src="images/com.jpg" alt="com-lang-vong"/>
					 		                <p class="qa-title"><a href="#">Ẩm thực Hà Nội</a><p>
											<p class="qa-summary">Ẩm thực Hà Nội là nơi giao thoa của nhiều nền ẩm thực khác nhau. Cái tinh tế trong ẩm thực Hà Nội thể hiện ở cách chế biến, cách thưởng thức và cả ở tấm lòng người trao kẻ nhận.</p>
					                        <ul>
					                        	<li><a target="_blank" href="">Những món lai rai cho chiều thu se lạnh</a></li>
					                            <li><a target="_blank" href="">Ngon và đông như mỳ gà tần Phố Cổ</a></li>
					                            <li><a target="_blank" href="">Ẩm thực Hà Nội đón mùa đông ấm áp</a></li>
					                        </ul>
					                        <span class="read-more"><a href="mn-am-thuc.html">Xem thêm</a></span>
					                        <div class="clear"></div>
									</div>
									<!-- Phố nhề - làng nghề-->
									<div class="qa-newsbox  qa-lewsboxright">
					                        <h3><a href="mn-phonghe-langnghe.html">Phố nghề - làng nghề</a></h3>
											<img src="images/hinhthanh1.jpg" alt="hinh anh xua">
					                        <p class="qa-title"><a href="#">Những phường thợ thành Thăng Long xưa</a><p>
											<p class="qa-summary">Thời nhà Lê, Thăng Long có 36 phường. Sự hội tụ các phường thợ lành nghề từ khắp tứ trấn về Thăng Long đã tạo ra trên địa bàn kinh thành nhiều sản phẩm nổi tiếng. Một số đã đi vào tục ngữ như: ...</p>
					                        <ul>
					                        	<li><a  target="_blank" href="">Làng hoa Tây Tựu: Làng hoa lớn nhất ngoại thành</a></li>
					                            <li><a  target="_blank" href="">Hà Nội - Phố xưa, nghề cũ </a></li>
					                            <li><a  target="_blank" href="">Đường kim mũi chit tạo hồn tranh thêu</a></li>
					                        </ul>
					                        <span class="read-more"><a href="mn-phonghe-langnghe.html">Xem thêm</a></span>
					                        <div class="clear"></div>
									</div>
									<!-- Người Hà Thành -->
									<div class="qa-newsbox">
					                        <h3><a href="mn-nguoi-ha-thanh.html">Người Hà Thành</a></h3>
											<img src="images/2.jpg" alt="net-thanh-lich-nguoi-ha-noi">
					                        <p class="qa-title"><a href="#">Tìm lại nét thanh lịch của người Hà Nội</a><p>
											<p class="qa-summary">Người Tràng An xưa với lối sống thanh lịch có tiếng được cả nước biết đến như một nét đặc trưng của Thủ đô ngàn năm văn hiến. "Chẳng thơm cũng thể hoa nhài ...</p>
					                        <ul>
					                            <li><a  target="_blank" href="">Tục ăn trầu của người Hà Nội</a></li>
					                            <li><a  target="_blank" href="">Phong thái ăn mặc của người Hà Nội xưa và nay</a></li>
					                            <li><a  target="_blank" href="">Trà sen Hồ Tây - thú ẩm thực tao nhã</a></li>
					                        </ul>
					                        <span class="read-more"><a href="mn-nguoi-ha-thanh.html">Xem thêm</a></span>
					                        <div class="clear"></div>
									</div>
									<!-- DIEM DEN -->
									<div class="qa-newsbox qa-lewsboxright">
					                        <h3><a href="mn-diem-den.html">Điểm đến</a></h3>
											<img src="images/loc-vung-ho-guom-21.jpg" alt="loc-vung-ho-guom">
					                        <p class="qa-title"><a href="#">Hồ Gươm - trái tim của thủ đô</a><p>
											<p class="qa-summary">Hà Nội nổi bật với nhiều điểm đến từ những cái cổng làng rêu phong, những ngôi nhà cổ kính; đến những biệt thự ngót nghét thế kỷ. Những làng cổ là điểm đến thú vị cho ngày nghỉ cuối tuần ...</p>
					                        <ul>
					                        	<li><a  target="_blank" href="">Dấu ấn Hà Nội - Quảng trường Ba Đình</a></li>
					                            <li><a  target="_blank" href="">Văn Miếu Quốc Tử Giám - Nghìn năm văn hiến</a></li>
					                            <li><a  target="_blank" href="">Hoàng Thành Thăng Long - di sản văn hóa muôn đời</a></li>
					                        </ul>
					                        <span class="read-more"><a href="mn-diem-den.html">Xem thêm</a></span>
					                        <div class="clear"></div>
									</div>
								    <div class="clear"></div>
							    </div>
							</div>
			                <div class="clear"></div>    
						</div>
						<div id="pos2" class="qa-colRight fleft" style="height:1040px;">	
							<div class="qa-posterRight">
								<img src="images/logo_Thang_Long_Ha_Noi.jpg" alt="Biểu tượng Hà Nội"/>
							</div>
							<script language="javascript" type="text/javascript">  
									dayName = new Array ("Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy")  
									monName = new Array ("1","2","3","4","5","6","7","8","9","10","11","12")  
									now = new Date  
									document.write("<p class='qa-getDate'>"+dayName[now.getDay()]+ ", Ngày " +now.getDate()+ " Tháng " +monName[now.getMonth()]+ " Năm " +now.getFullYear()+ "</p>")                                      
							</script>
							<div class="qa-search">
								<input name="searchword" class="inputbox" maxlength="36" type="text" size="37" value="Tìm kiếm..." onblur="if (this.value=='') this.value='Tìm kiếm...';" onfocus="if (this.value=='Tìm kiếm...') this.value='';">
								<input type="submit" value="Tìm kiếm" class="button" onclick="this.form.searchword.focus();">
							</div>
							<!-- AddThis Button BEGIN -->
							<table boder="0" width="100%">
							    <tbody>
							        <tr valign="top">
							            <td width="15%">&nbsp;<img alt="" src="images/icon/facebook_48.png" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://www.facebook.com/sharer.php?u=http://simplegroup.edu.vn/cntt/BTLTM">Facebook</a>&nbsp;</td>
							            <td width="15%">&nbsp;<img alt="" src="images/icon/yahoo.jpg" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://bookmarks.yahoo.com/toolbar/savebm?u=http://simplegroup.edu.vn/cntt/BTLTM">Yahoo</a>&nbsp;</td>
							        </tr>
							        <tr>
							            <td>&nbsp;<img alt="" src="images/icon/twitter_48.png" style="width: 20px;"> </td>
							            <td>&nbsp;&nbsp;<a href="http://twitthis.com/twit?url='http://simplegroup.edu.vn/cntt/BTLTM'">twitter</a>&nbsp;</td>
							            <td>&nbsp;<img alt="" src="images/icon/google_48.png" style="width: 20px;"></td>
							            <td>&nbsp;&nbsp;<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk='http://simplegroup.edu.vn/cntt/BTLTM'">Google plus!</a>&nbsp;</td>
							        </tr>
							    </tbody>
							</table>
							<!-- BAN DO -->
							<div class="qa_map_hanoi_right">
								<h3 class="qa-title">Bản đồ Hà Nội</h3>
								<a href="http://maps.google.com/maps?hl=vi&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;bvm=bv.1354675689,d.aGc&amp;bpcl=39650382&amp;biw=1366&amp;bih=643&amp;q=ha%CC%80+n%C3%B4%CC%A3i&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=0x3135ab9bd9861ca1:0xe7887f7b72ca17a9,H%C3%A0+N%E1%BB%99i,+Ho%C3%A0n+Ki%E1%BA%BFm,+H%C3%A0+N%E1%BB%99i&amp;gl=vn&amp;sa=X&amp;ei=QKHGUJuyEo-UiAfup4GQCg&amp;ved=0CDYQ8gEwAQ">
										<img class=" radius5" src="http://www.google.com/maps/vt/data=Ay5GWBeob_WIPLDYoIWcfVXxvZu9XwJ55OX7Ag,jkG2sF_wIMYhzqnLnvDYs92QjaHzU9o1R4w59aj2QuwX55ktwg2f-BKUBaJo8qBqgYSQDPOoIVaj9uj3VUMprD_x5M9rihI0-LoYj77pSzDlvM2yiKr1sKNvx0qKUKommr5CU2rInqFWhgvgG_jFO-MQ7lS6klueHsEZAQxpiB8gROYbj56Kypp-6o6_xw" height="150" width="280" alt="Hà Nội, Hoàn Kiếm, Hà Nội" title="Hà Nội, Hoàn Kiếm, Hà Nội">
								</a>								
							</div>
							<div class="qa_map_hanoi_right">
								<h3 class="qa-title">Hà Nội xưa và nay</h3>
								<iframe width="280" height="250" src="http://www.youtube.com/embed/J5NFQAohiMk" frameborder="0" allowfullscreen></iframe>
							</div>
							<div class="qa_map_hanoi_right">
								<h3 class="qa-title">Phản hồi - Góp ý</h3>
								<form style="line-height:25px;">
									<p style="font-weight:bold;">Bạn cảm nhận về website như thế nào?</p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Website hữu ích, chuyên nghiệp</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Giao diện đẹp, bắt mắt</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Thông tin hữu ích, nhiều tiện ích hay</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Một kênh thông tin toàn diện cho khách du lịch</label></p>
									<p><input type="submit" value="Bình chọn"></p>
								</form>
							</div>
							<!-- AddThis Button END -->
						</div>
						<div class="clear"></div>
			    </div>
			</div>
		</div>
		
	   </div>	
	   <div id="qa-footer">
	   		<div class="main">
				<p class="footer-text">Trang web về văn hóa Hà Nội của môn Lập trình mạng I<br />
					Nhóm thực hiện: Đỗ Huy Quang, Nguyễn Đồng Thắng, Lại Thị Thanh<br />
					&copy;Thiết kế 2012 @ Website hỗ trợ tốt nhất ở các trình duyệt Chrome, Firefox, IE9.
				</p>
			</div>
	   </div>
	   <div id="top" style="position: fixed;display:none;bottom:30px;right:10px;"><img src="images/icon/blue_arrow_up.png"/></div>
	</body>
</html>
